<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">

<head>
	<title>食得爽-好吃又实惠</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content=" Bakery In Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>

	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /><!-- bootstrap css -->
	<link href="css/about.css" rel="stylesheet" type="text/css" media="all" /><!-- about css -->
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />

	<link href="css/font-awesome.css" rel="stylesheet"> <!-- fontawesome css -->
	<!--fonts-->
	<link href="css/css1.css" rel="stylesheet" type="text/css">
	<link href="css/css2.css" rel="stylesheet">
	<!--//fonts-->
	<style>
		.fonticon {
			width: 20%;
			margin: 0;
		}

		.team .social-icon {
			left: 5px !important;
			bottom: 0 !important;
			margin: 0 auto;
			padding: 0 !important;
			width: 95%;


		}
	</style>
</head>

<body>

	<!-- header -->
	<div class="header" id="home">
		<div class="content white">
			<nav class="navbar navbar-default" role="navigation">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"
							data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="index.html">
							<h1>食得爽</h1>
						</a>
					</div>
					<!--/.navbar-header-->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<nav>
							<ul class="nav navbar-nav">
								<li><a href="index.html">主页</a></li>
								<li><a href="about.html" class="active">关于 </a></li>
								<li><a href="services.html">服务</a></li>
								<li><a href="gallery.html">食谱</a></li>
								<li><a href="contact.html">联系方式</a></li>
							</ul>
						</nav>
					</div>
					<!--/.navbar-collapse-->
					<!--/.navbar-->
				</div>
			</nav>
		</div>
	</div>
	<!-- //header -->

	<!-- innerpages_banner -->
	<div class="innerpages_banner">
		<h2>关于我们</h2>
	</div>

	<div class="clearfix"> </div>
	</div>
	</div>
	<!-- //about section content -->

	<div class="stats" id="stats">
		<div class="container">
			<h3 class="heading"></h3>
			<div class="inner_w3l_agile_grids">
				<div class="col-md-3 w3layouts_stats_left w3_counter_grid">
					<p class="counter" align="center">580</p>
					<h3>—————————</h3>
					<h3 align="center">日销售量</h3>
				</div>
				<div class="col-md-3 w3layouts_stats_left w3_counter_grid1">
					<p class="counter" align="center">165</p>
					<h3>—————————</h3>
					<h3 align="center">得奖数</h3>
				</div>
				<div class="col-md-3 w3layouts_stats_left w3_counter_grid2">
					<p class="counter" align="center">30888</p>
					<h3>—————————</h3>
					<h3 align="center">月点赞量</h3>
				</div>
				<div class="col-md-3 w3layouts_stats_left w3_counter_grid3">
					<p class="counter" align="center">580</p>
					<h3>—————————</h3>
					<h3 align="center">月分享量</h3>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- team -->
	<div class="team" id="team">
		<div class="agile_dot_info two">
			<div class="container">
				<h3 class="heading">我们的员工</h3>
				<div class="agileits_team_grids">
					<div class="col-md-3 fonticon">
						<div class="agileits_team_grid">
							<div class="agileits_team_grid_figure">
								<img src="./images/0d9cbde13970008f28f541cc2d68120.jpg" alt=" " class="img-responsive" />
							</div>
							<h4>黄晓君</h4>
							<div class="social-icon">
								<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a>
								<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
								<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a>
								<a href="#" class="social-button dribbble"><i class="fa fa-dribbble"></i></a>
							</div>
						</div>
					</div>
					<div class="col-md-3 fonticon">
						<div class="agileits_team_grid">
							<div class="agileits_team_grid_figure">
								<img src="./images/06beafab717ff496e1d78a0ad097009.jpg" alt=" " class="img-responsive" />
							</div>
							<h4>叶慧怡</h4>
							<div class="social-icon">
								<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a>
								<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
								<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a>
								<a href="#" class="social-button dribbble"><i class="fa fa-dribbble"></i></a>
							</div>
						</div>
					</div>
					<div class="col-md-3 fonticon">
						<div class="agileits_team_grid">
							<div class="agileits_team_grid_figure">
								<img src="./images/50656bdf3cd73a2b71bcb4a7a473cbc.jpg" alt=" " class="img-responsive" />
							</div>
							<h4>林丽雄</h4>
							<div class="social-icon">
								<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a>
								<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
								<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a>
								<a href="#" class="social-button dribbble"><i class="fa fa-dribbble"></i></a>
							</div>
						</div>
					</div>
					<div class="col-md-3 fonticon">
						<div class="agileits_team_grid">
							<div class="agileits_team_grid_figure">
								<img src="./images/88a4b066d3caa8486e3f3c53d631cd4.jpg" alt=" " class="img-responsive" />
							</div>
							<h4>蔡楚滨</h4>
							<div class="social-icon">
								<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a>
								<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
								<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a>
								<a href="#" class="social-button dribbble"><i class="fa fa-dribbble"></i></a>
							</div>
						</div>
					</div>
					<div class="col-md-3 fonticon">
						<div class="agileits_team_grid">
							<div class="agileits_team_grid_figure">
								<img src="./images/d0cb9d1f2b131108bde24fdf251eed4.jpg" alt=" " class="img-responsive" />
							</div>
							<h4>蔡浩东</h4>
							<div class="social-icon">
								<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a>
								<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
								<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a>
								<a href="#" class="social-button dribbble"><i class="fa fa-dribbble"></i></a>
							</div>
						</div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
	</div>
	<!-- //team -->

	<!-- blog -->
	<div class="blog">
		<div class="container">
			<h3 class="heading">我们的博客</h3>
			<ul id="flexiselDemo1">
				<li>
					<div class="wthree_testimonials_grid_main">
						<div class="col-md-4 blog_grid">
							<a>
								<img src="images/微信图片_20200612224110.jpg" alt="blog_post1" />
								<p></p>
							</a>

							<p><span class="fa fa-heart"></span> 1380 点赞 / <span class="fa fa-comments"></span> 380 转发 /
								<a href="#">返回</a></p>

							<div class="clearfix"></div>
						</div>
						<div class="col-md-4 blog_grid">
							<a>
								<img src="images/tu/25170304845843194.jpg" alt="blog_post1" />
								<p></p>
							</a>

							<p><span class="fa fa-heart"></span> 786 点赞 / <span class="fa fa-comments"></span>

								120 转发 / <a href="#">返回</a></p>

							<div class="clearfix"></div>
						</div>
						<div class="col-md-4 blog_grid">
							<a>
								<img src="images/tu/QQ图片20200612214806.jpg" alt="blog_post1" />
								<p></p>
							</a>

							<p><span class="fa fa-heart"></span> 986 点赞 / <span class="fa fa-comments"></span> 280 转发 /
								<a href="#">返回</a></p>

							<div class="clearfix"></div>
						</div>
						<div class="clearfix"></div>
					</div>
				</li>
				<li>
					<div class="wthree_testimonials_grid_main">
						<div class="col-md-4 blog_grid">
							<a>
								<img src="images/about3.jpg" alt="blog_post1" />
								<p></p>
							</a>

							<p><span class="fa fa-heart"></span> 1466 点赞 / <span class="fa fa-comments"></span> 280 转发 /
								<a href="#">返回</a></p>

							<div class="clearfix"></div>
						</div>
						<div class="col-md-4 blog_grid">
							<a>
								<img src="images/tu/634902342229132544.jpg" alt="blog_post1" />
								<p></p>
							</a>

							<p><span class="fa fa-heart"></span> 1666 点赞 / <span class="fa fa-comments"></span> 377 转发 /
								<a href="#">返回</a></p>

							<div class="clearfix"></div>
						</div>
						<div class="col-md-4 blog_grid">
							<a>
								<img src="images/tu/813647752087069466.jpg" alt="blog_post1" />
								<p></p>
							</a>

							<p><span class="fa fa-heart"></span> 1123 点赞 / <span class="fa fa-comments"></span> 333 转发 /
								<a href="#">返回</a></p>

							<div class="clearfix"></div>
						</div>
						<div class="clearfix"></div>
					</div>
				</li>
				<li>
					<div class="wthree_testimonials_grid_main">
						<div class="col-md-4 blog_grid">
							<a>
								<img src="images/tu/455549523110947162.jpg" alt="blog_post1" />
								<p< /p>
							</a>

							<p><span class="fa fa-heart"></span> 2217 点赞 / <span class="fa fa-comments"></span> 566 转发 /
								<a href="#">返回</a></p>

							<div class="clearfix"></div>
						</div>
						<div class="col-md-4 blog_grid">
							<a>
								<img src="images/tu/QQ图片20200612214741.jpg" alt="blog_post1" />
								<p></p>
							</a>

							<p><span class="fa fa-heart"></span> 2227 点赞 / <span class="fa fa-comments"></span> 378 转发 /
								<a href="#">返回</a></p>

							<div class="clearfix"></div>
						</div>
						<div class="col-md-4 blog_grid">
							<a>
								<img src="images/tu/QQ图片20200612214722.jpg" alt="blog_post1" />
								<p></p>
							</a>

							<p><span class="fa fa-heart"></span> 888 点赞 / <span class="fa fa-comments"></span> 255 转发 /
								<a href="#">返回</a></p>

							<div class="clearfix"></div>
						</div>
						<div class="clearfix"></div>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<!-- //blog -->

	<!-- subscribe -->
	<div class="subscribe">
		<div class="container">
			<h3 class="heading">订阅获取通知</h3>
			<div class="subscribe-grid">
				<form action="#" method="post">
					<input type="email" placeholder="请输入您的电子邮件" name="email" required>
					<button class="btn1"><i class="fa fa-paper-plane-o" aria-hidden="true"></i></button>
				</form>
			</div>
		</div>
	</div>
	<!-- //subscribe -->

	<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="w3_agile_footer_grids">
				<ul class="col-md-3 col-xs-6 w3_agile_footer_grid right">
					<h3>营业时间</h3>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期一 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期二 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期三 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期四 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期五<span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期六<span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期日<span>休息</span></li>
				</ul>
				<div class="col-md-3 col-xs-6 w3_agile_footer_grid">
					<h3>导航</h3>
					<ul class="agileits_w3layouts_footer_grid_list">
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="index.html">主页</a>
						</li>
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="about.html">关于</a>
						</li>
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="services.html">服务</a>
						</li>
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="gallery.html">食谱</a>
						</li>
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="contact.html">联系方式</a>
						</li>
					</ul>
				</div>
				<div class="col-md-3 col-xs-6 w3ls_address_mail_footer_grids w3_agile_footer_grid">
					<h3>联系方式</h3>
					<div class="w3ls_footer_grid_left">
						<div class="w3l-icon">
							<span class="fa fa-map-marker" aria-hidden="true"></span>
						</div>
						<p>广东省中山市广东理工职业学院<span></span>
						</p>
						<div class="clearfix"></div>
					</div>
					<div class="w3ls_footer_grid_left">
						<div class="w3l-icon">
							<span class="fa fa-phone" aria-hidden="true"></span>
						</div>
						<p>+(112) 123 456 789</p>
						<div class="clearfix"></div>
					</div>
					<div class="w3ls_footer_grid_left">
						<div class="w3l-icon">
							<span class="fa fa-envelope-o" aria-hidden="true"></span>
						</div>
						<p>
							<a href="mailto:info@example.com">asdl@qq.com</a>
						</p>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="col-md-3 col-xs-6 w3_agile_footer_grid">
					<h3>特色</h3>
					<div class="w3_agileits_footer_grid_left">
						<a href="#">
							<img src="images/tu/25171821641618472.jpg" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="w3_agileits_footer_grid_left">
						<a href="#">
							<img src="images/tu/455549523110947162.jpg" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="w3_agileits_footer_grid_left">
						<a href="#">
							<img src="images/tu/QQ图片20200612214422.jpg" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="w3_agileits_footer_grid_left">
						<a href="#">
							<img src="images/tu/QQ图片20200612214806.jpg" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="w3_agileits_footer_grid_left">
						<a href="#">
							<img src="images/tu/QQ图片20200612214803.jpg" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="w3_agileits_footer_grid_left">
						<a href="#">
							<img src="images/tu/484576552481627287.jpg" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="agileinfo_copyright">
				<p>© 2021 meishi | yinxingfuhaozuzhi</p>
			</div>
		</div>
	</div>
	<!-- //footer -->

	<!-- Supportive js -->
	<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
	<!-- //Supportive js -->

	<!-- Flexslider-js for-testimonials -->
	<script type="text/javascript">
		$(window).load(function () {
			$("#flexiselDemo1").flexisel({
				visibleItems: 1,
				animationSpeed: 1000,
				autoPlay: true,
				autoPlaySpeed: 4000,
				pauseOnHover: true,
				enableResponsiveBreakpoints: true,
				responsiveBreakpoints: {
					portrait: {
						changePoint: 480,
						visibleItems: 1
					},
					landscape: {
						changePoint: 640,
						visibleItems: 1
					},
					tablet: {
						changePoint: 768,
						visibleItems: 1
					}
				}
			});

		});
	</script>
	<script type="text/javascript" src="js/jquery.flexisel.js"></script>
	<!-- //Flexslider-js for-testimonials -->

	<!-- smooth scrolling js -->
	<script src="js/SmoothScroll.min.js"></script>
	<!-- smooth scrolling js -->

	<!-- start-smooth-scrolling -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000);
			});
		});
	</script>

	<!-- here starts scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function () {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/

			$().UItoTop({ easingType: 'easeOutQuart' });

		});
	</script>
	<!-- //here ends scrolling icon -->

	<!-- move to top-js-files -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<!-- //move to top-js-files -->

	<script type="text/javascript" src="js/bootstrap.js"></script><!-- bootstrap js file -->
	<!-- stats -->
	<script src="js/jquery.waypoints.min.js"></script>
	<script src="js/jquery.countup.js"></script>
	<script>
		$('.counter').countUp();
	</script>
	<!-- //stats -->
</body>

</html>